<template>
  <div class="footer">
      <router-link to="/home">
      <span class="iconfont icon-shouyefill"></span>
      <b>首页</b>
      </router-link>
      <router-link to="/duoduovideo">
      <span class="iconfont icon-shipin"></span>
      <b>多多视频</b>
      </router-link>
      <router-link to="/type">
      <span class="iconfont icon-fenlei"></span>
      <b>分类</b>
      </router-link>
      <router-link to="/chat">
      <span class="iconfont icon-liaotian"></span>
      <b>聊天</b>
      </router-link>
      <router-link to="/self">
      <span class="iconfont icon-user"></span>
      <b>个人中心</b>
      </router-link>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
  .footer{
    width:100%;
    height: 0.8rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-color: #fff;
  }
  .footer a{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .iconfont{
    font-size: 0.3rem;
    margin-bottom:0.05rem
  }
</style>